page{
  background-color: #000;
}
.container{
  .img_num{
    padding: 0 20rpx;
    background-color: rgba(0, 0, 0, 0.3);
    color:#fff;
    font-size: 28rpx;
    position: fixed;
    right:60rpx;
    top:30rpx;
    z-index: 99;
    border-radius: 20rpx;
  }
  .show_img{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:100%;
    .slide-image{
      width:750rpx;
    }
  }
  .footer{
    position: fixed;
    bottom:0;
    left:0;
    padding: 100rpx 30rpx 30rpx;
    background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    /* background-color: rgba(0, 0, 0, 0.5);*/
    font-size: 30rpx;
    color:#fff;
    width: 93%;
    .user_mes{
      margin-top: 20rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .left{
        display: flex;
        align-items: center;
        image{
          width: 76rpx;
          height: 76rpx;
          border-radius: 50%;
          margin-right: 12rpx;
        }
        .name{
          font-size: 28rpx;
        }
        .time{
          font-size: 24rpx;
        }
      }
      .right{
        display: flex;
        align-items: center;
        image{
          width: 31rpx;
          height: 27rpx;
          margin-right: 12rpx;
        }
        view{
          display: flex;
          align-items: center;
        }
        .down_img{
          margin: 0 40rpx;
          image{
            width: 25rpx;
            height: 29rpx;
          }
        }
      }
    }
  }
}